$(function () {
    //定义全局变量
    window.pageSize = 5;
    window.pageNum = 1;
    //显示数据
    showPage();
});
function showPage() {
    $.ajax({
        url:"/message/search/by/keyword",
        type:"post",
        data:{
            "pageNum":window.pageNum,
            "pageSize":window.pageSize
        },
        dataType:"json",
        success:function (result) {
            if(result.result=="SUCCESS"){
                //解析数据
                $("#roleTableBody").empty();
                // 获取数据集合
                var list = result.data.list;
                // 判断list是否有效
                if(list == null || list.length == 0) {
                    $("#roleTableBody")
                        .append("<tr><td colspan='4' style='text-align:center;'>没有查询到数据！</td></tr>");
                    return ;
                }
                for(var i = 0; i < list.length; i++) {
                    var cert = list[i];
                    //数据
                    var numberTd = "<td>"+(i+1)+"</td>";
                    var roleNameTd = "<td>"+cert.content+"</td>";
                    //按钮
                    var pencilBtn = "<button type='button' certId='"+cert.id+"' class='btn btn-primary btn-xs editBtn'><i class=' glyphicon glyphicon-pencil'></i></button>";
                    var btnTd = "<td>"+pencilBtn+"</td>";
                    var tr = "<tr>"+numberTd+roleNameTd+btnTd+"</tr>";
                    // 将前面拼好的HTML代码追加到#roleTableBody中
                    $("#roleTableBody").append(tr);
                }
                //显示分页导航
                initPagination(result.data);
            }else{
                layer.msg(result.message);
            }
        }
    });
    //修改
    $("#roleTableBody").on("click",".editBtn",function(){
        // 1.获取当前按钮的roleId
        window.certId = $(this).attr("certId");
        // 2.获取当前按钮所在行的roleName
        var certName = $(this).parents("tr").children("td:eq(1)").text();
        // 3.修改模态框中文本框的value值，目的是在显示roleName
        $("#NameInputEdit").val(certName);
        // 4.打开模态框
        $("#editModal").modal("show");
    });

    //确认修改
    $("#editModalBtn").click(function () {
        // 1.获取文本框值
        var roleName = $.trim($("#NameInputEdit").val());
        if(roleName == null || roleName == "") {
            layer.msg("请输入有效角色名称！");
            return ;
        }
        $.ajax({
            url:"/message/update/message",
            type:"post",
            data:{
                "id":window.certId,
                "content":roleName
            },
            dataType:"json",
            success:function (response) {
                var result = response.result;
                if(result == "SUCCESS") {
                    layer.msg("操作成功！");
                    // 3.操作成功重新分页
                    showPage();
                }
                if(result == "FAILED") {
                    layer.msg(response.message);
                }
                // 4.不管成功还是失败，关闭模态框
                // $("#editModal").modal("hide");
            }
        });
    });


}


//声明函数封装导航条初始化操作
function initPagination(pageInfo) {
    // 声明变量存储分页导航条显示时的属性设置
    var paginationProperties = {
        num_edge_entries : 3,        //边缘页数
        num_display_entries : 5,      //主体页数
        callback : pageselectCallback, //回调函数
        items_per_page : window.pageSize,  //每页显示数据数量，就是pageSize
        current_page : (window.pageNum - 1),//当前页页码
        prev_text : "上一页",       //上一页文本
        next_text : "下一页"        //下一页文本
    };
    // 显示分页导航条
    $("#Pagination").pagination(pageInfo.total, paginationProperties);
}
// 在每一次点击“上一页”、“下一页”、“页码”时执行这个函数跳转页面
function pageselectCallback(pageIndex,jq) {
    // 将全局变量中的pageNum修改为最新值
    // pageIndex从0开始，pageNum从1开始
    window.pageNum = pageIndex + 1;
    // 调用分页函数重新执行分页
    showPage();
    return false;
}
